<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/public.css">
    <title>首页</title>
</head>
<body>
<div class="head_box">
    <div class="head">
        <p> 太原<span class="address_icon">&#xe822;</span></p>
        <div><input type="text" placeholder="&#xe7a8;魚鮮人家深海鱼火锅" class="search address_icon" > </div>
        <div class="address_icon more">&#xe613;</div>
    </div>
</div>
<div id="content">
    <div id="banner">
        <img src="img/banner1.jpg" alt="">
        <img src="img/banner2.jpg" alt="">
        <img src="img/banner3.jpg" alt="">
        <img src="img/banner4.jpg" alt="">
        <img src="img/banner5.jpg" alt="">
        <img src="img/banner6.jpg" alt="">
    </div>
    <div id="nav">
        <div class="nav_top">
            <div class="nav_top_item">
                <img src="img/meishi.png" alt="">
                <p>美食</p>
            </div>
            <div class="nav_top_item">
                <img src="img/maoyan.png" alt="">
                <p>电影/演出</p>
            </div>
            <div class="nav_top_item">
                <img src="img/zhusu.png" alt="">
                <p>酒店住宿</p>
            </div>
            <div class="nav_top_item">
                <img src="img/yule.png" alt="">
                <p>休闲娱乐</p>
            </div>
            <div class="nav_top_item">
                <img src="img/waimai.png" alt="">
                <p>外卖</p>
            </div>
        </div>
        <div class="nav_line"></div>
        <div class="nav_bottom">
            <div class="nav_bottom_item">
                <img src="img/ktv.png" alt="">
                <p>KTV</p>
            </div>
            <div class="nav_bottom_item">
                <img src="img/jipiao.png" alt="">
                <p>机票/火车票</p>
            </div>
            <div class="nav_bottom_item">
                <img src="img/jingdian.png" alt="">
                <p>周边游</p>
            </div>
            <div class="nav_bottom_item">
                <img src="img/meifa.png" alt="">
                <p>丽人/美发</p>
            </div>
            <div class="nav_bottom_item">
                <img src="img/gongyu.png" alt="">
                <p>民宿/公寓</p>
            </div>
            <div class="nav_bottom_item">
                <img src="img/xiyu.png" alt="">
                <p>洗浴/汗蒸</p>
            </div>
            <div class="nav_bottom_item">
                <img src="img/jiehun.png" alt="">
                <p>结婚/摄影</p>
            </div>
            <div class="nav_bottom_item">
                <img src="img/meijia.png" alt="">
                <p>美甲美睫</p>
            </div>
            <div class="nav_bottom_item">
                <img src="img/zhoubinayou.png" alt="">
                <p>景点/门票</p>
            </div>
            <div class="nav_bottom_item">
                <img src="img/quanbu.png" alt="">
                <p>全部分类</p>
            </div>
        </div>
    </div>
    <div id="example">
        <div class="example_item">
            <a class="example_img" href="detail.html">
                <img src="img/pict1.png" alt="">
            </a>
            <div class="example_img example_img1">
                <img src="img/pict2.png" alt="">
            </div>
        </div>
        <div class="example_item">
            <div class="example_img">
                <img src="img/pict3.png" alt="">
            </div>
            <div class="example_img example_img1">
                <img src="img/pict4.png" alt="">
            </div>
        </div>
    </div>
    <div id="center">
        <img src="img/pict5.png" alt="">
    </div>
</div>
<div class="bottom">
    <div class="bottom_content">
        <a href="index.html" class="bottom_content_item">
            <span class="address_icon catalogue">&#xe619;</span>
            <p class="catalogue">首页</p>
        </a>
        <a href="fujin.html" class="bottom_content_item">
            <span class="address_icon">&#xe611;</span>
            <p>附近</p>
        </a>
        <a href="find.html" class="bottom_content_item">
            <span class="address_icon">&#xe608;</span>
            <p>发现</p>
        </a>
        <a href="order.html" class="bottom_content_item">
            <span class="address_icon">&#xe634;</span>
            <p class="address_icon">订单</p>
        </a>
        <a href="about%20me.html" class="bottom_content_item">
            <span class="address_icon">&#xe60c;</span>
            <p>我的</p>
        </a>
    </div>
</div>
<script src="rem.js"></script>
<script src="index.js"></script>
</body>
</html>